<template>
  <div>
    <!-- <loading></loading> -->
    <global-header :user="user"></global-header>
    <!-- 这里是路由专用区 -->
    <router-view></router-view>
    <!-- <test></test> -->
  </div>
</template>

<script lang="ts">
import { computed, defineComponent } from 'vue'
// import Test from './view/Test.vue'
import GlobalHeader from './components/GlobalHeader.vue'
import 'bootstrap/dist/css/bootstrap.min.css'
import { useStore } from 'vuex'
// import Loading from '@/components/Loading.vue'

export default defineComponent({
  name: 'App',
  components: {
    GlobalHeader
    // Loading
    // Test
  },
  setup () {
    const store = useStore<StoreProp>()
    const user = computed(() => store.state.user)
    return {
      user
    }
  }
})
</script>

<style>
</style>
